import './assets/main.css'
// 引入createApp, 创建Vue应用程序, 传递的参数是根组件App.vue
import { createApp } from 'vue'
// 引入根组件
import App from './App.vue'
// 引入路由
import router from './router'
// 引入 Pinia，作为全局状态管理，可以理解为vuex5
import { createPinia } from 'pinia'
// 引入 Element Plus
import ElementPlus from 'element-plus'
// 引入 Element Plus图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// 引入 Element Plus 中文语言包
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// 引入 Element Plus 样式
import 'element-plus/dist/index.css'

// 通过 createApp 创建一个 Vue 应用程序
// 指定根组件 App.vue, 后面会将App.vue的内容渲染到index.html中的id=app上
const app = createApp(App)

// 注册Element Plus图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
// 使用 router，对应用程序进行路由初始化
app.use(router)
// 3：使用pinia
app.use(createPinia())
app.use(ElementPlus, { locale: zhCn });


// 挂载到 DOM，绑定根容器 => id=app 上(在目录的最外城index.html中，模板html文件
app.mount('#app')
